@charset "utf-8";
 

@media (min-width:1601px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:13px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:13px;}}
@media (min-width:481px) and (max-width:639px){html{font-size:12px;}}
@media (min-width:329px) and (max-width:480px){html{font-size:11px;}}



.web{}
.wap{ display:none;}

@media (max-width: 1440px)
{
  .s_pro .slick-prev{left: 31vw;}
  .s_pro .slick-next{right: 31vw;}
  #searchBtn{ right: 2rem;}
  #n_lianxi .right{ padding-left: 4rem;}
  .n_about .hd .tag{ width: auto;}
}

@media (max-width: 1360px)
{
  .foot_ewm .txt{ margin-right: 1rem;}
}

@media (max-width: 1280px)
{
 
}

@media (max-width: 1200px)
{
#nav{ margin-right:1.5rem;}
#header{ display:none;}
#m_header{ display:block; }
#nav_btn_box{ display: block;}
.web{ display:none;}
.wap{ display:block;}
.online_q{ display:none;}
.n_nav {float: none;}
.hd_bg{ height: 4.5rem;}
.s_about ul li b{ font-size: 2.5rem;}
.s_about .tt span{ font-size: 3rem;}
.n_news02 ul li{ width: 50%;}
.n_nav ul li a{ padding: 0 1rem;}
.n_leader .left{ padding-right: 3rem;}
.n_leader .right{ width: 29rem;}
.m{ padding-left: 50px; padding-right: 50px;}
.n_zeren ul li .txt{ padding: 2.5rem;}
.n_fangan ul li .box{ padding: 4rem 2rem;}
.bn_ar{ top: calc(50% + 2.25rem);}

}

@media (max-width: 1100px)
{
  .pro_xq .m{ flex-direction: column; align-items: center;}
  .pro_xq .left{ margin-bottom: 3rem; position: static; max-width: 90%; margin-right: 0;}
  
}

/*==========================导航和banner变成手机模式============================*/

@media (max-width: 992px)
{
  .linebox div:nth-child(1){ display: none;}
  #n_lianxi>div{ flex-direction: column-reverse;}
  #n_lianxi .left{ width: 100%; height: 32rem;}
  #n_lianxi .right{ padding: 0; width: 100%; margin-bottom: 3rem;}
  .n_lianxi{ max-width: inherit;}
  .n_leader .m{ flex-direction: column-reverse;}
  .n_leader .right{ width: 100%;}
  .n_leader .left{ padding-right: 0; margin-top: 3rem;}
  .n_leader .tt{ margin-bottom: 2rem;}
  .n_nav ul{ display: flex;}
  .n_nav ul li{ width: 20%;}
  .n_news_xq .left{ width: 100%; float: none; padding-right: 0;}
  .n_news_xq .right{ width: 100%; float: none; margin-top: 3rem;}
  .n_fangan .m{ padding: 0;}
  .n_fangan ul li{ width: 50%;}
  .n_fangan ul li .box{ height: 100%;}
  .n_fangan ul li .box p{ height: auto;}
  .n_fangan ul li .box .ico{ margin: 1rem auto 2rem;}
  .n_biaozhun .bd{ flex-direction: column;}
  .n_biaozhun .bd .left{ padding-bottom: 10rem; padding-right: 0; border: 0; background-size: 260px;}
  .n_biaozhun .bd .right{ padding-left: 0; padding-top: 2rem;}
}

 
@media (max-width: 768px)
{
.pad_top{ padding-top:4rem !important;}
.pad_bot{ padding-bottom:4rem !important;}
.xs_jianju{ margin-left:-5px !important; margin-right: -5px !important;}
.xs_jianju li{ padding-left:5px !important; padding-right:5px !important;}


.s_about .m{ flex-direction: column;}
.s_about .left{ margin-right: 0; margin-bottom: 2rem;}
.s_news .m{ flex-direction: column;}
.s_news .left{ width: 100%; padding: 0; display: flex; justify-content: space-between; padding-bottom: 0 !important; border: 0;}
.s_news .left .btn_more2{ margin-top: 0;}
.s_news .hd{ display: flex; align-items: center;}
.s_news .hd ul li{ margin-bottom: 0; width: 120px;}
.s_news .tt{ padding-bottom: 0; border: 0; margin: 0;}
.s_news .right{ padding-top: 2rem !important; padding-left: 0;}
.foot_nav{ display: none;}
.s_pro .bd ul li a{ height: 38.8rem;}
.copyright{ line-height: 22px;}
.main_visual .main_slider .slide_box > div .line_wrap{ left: -87px; top: -73px; transform: scale(.7);}
.main_visual .main_slider .slide_box .wrap_tit{ margin-left: 50px;}
.main_visual .main_slider,.main_visual,.main_visual .main_slider .slide_box{ height: 500px; overflow: hidden;}
.main_visual .main_slider .slide_box > div .wrap_tit .strong{ font-size: 2.5rem;}
.main_visual .main_slider .slide_box div .wrap_tit .b{ font-size: 2.5rem;}
.main_visual .main_slider .pag{ top: -100px;}
.ar_fot a{ width: 95px; height: 40px; line-height: 40px;}

#n_news_xq .left_con{ width: 100%; float: none; padding: 0;}
#n_news_xq .right_con{ width: 100%; float: none; margin-top: 3rem;}
#n_news_xq .content{ padding: 2.5rem 1rem;}
.n_nav ul li{ line-height:2;}
.n_nav ul li a{padding: 1rem 2rem; }
.n_nav ul li font{ display:block; margin:0 auto; width: 1.2rem; height: 1.2rem; line-height:1.2rem;}
.n_news_slide{ display: block;}
.n_news_slide .left{ width: 100%; max-width: inherit;}
.n_news_slide .img{ height: auto;}
.n_news_slide .right{ width: 100%; padding: 2rem 2rem; }
.n_news02 ul li .txt h4{ margin-bottom: 1rem;}
.n_news01 .arrbox{ bottom: 2rem;}
#list_slide .content .left{ width: 100%; float: none; padding-left: 0;}
#list_slide .content .right{ width: 100%; float: none; padding: 0; margin-bottom: 1rem; border-right: 0;}
#n_join #list_slide dd .content{ display: block;}
#list_slide .content .scrollbox{ height: auto;}
#n_join #list_slide dt{ padding: 0; padding-right: 1rem;}
#n_join #list_slide dt h3 b{ background-size: 1.25rem;}
#n_join #list_slide dt h3 span:nth-child(2),#n_join #list_slide dt h3 span:nth-child(3){ display: none;}
#list_slide .content .scrollbox{ padding-right: 0;}
#n_join #list_slide dd{ padding: 1.5rem;}
#n_join #list_slide dl{ }
.n_zeren ul li a{ flex-direction: column !important;}
.n_zeren ul li .txt{ margin-top: 0;}
.n_zeren ul li .txt:before{ display: none;}
.n_zeren ul li .pic{ width: 100%; max-width: inherit;}
.n_zeren ul li .line{ margin-top: 0;}
#n_licheng .m{ flex-direction: column-reverse;}
.n_tree .left{ position: static;}
.n_tree .center{ display: none;}
.n_tree .innerbox{ display: block;}
.n_tree .right{ position: static;}
.n_tree .left ul{ flex-direction: row; flex-flow: wrap;}
.n_tree .right ul li{ position: relative;}
.n_tree .right{ width: 100%; margin-top: 3rem;}
.n_tree .left ul{  justify-content: center;}
.n_tree .left ul li{ margin: -1rem;}
.n_wenhua ul{ margin: 0; margin-top: -2rem;}
.n_wenhua ul li{ margin-top: 2rem;}
.n_wenhua ul li .box{ flex-direction: column !important;}
.n_wenhua ul li .box .txt{ margin: 0; margin-bottom: 1.5rem;}
.n_wenhua ul li .box .img{ margin: 0; height: auto !important;}
.n_wenhua ul li .box .img img{ width: 100%; position: static !important;}
}

@media (max-width: 480px)
{
.pad_top{ padding-top:3rem !important;}
.pad_bot{ padding-bottom:3rem !important;}
.m{ padding: 0 15px;}

.linebox div:nth-child(1),.linebox div:nth-child(2){ display: none;}
.main_visual .main_slider .slide_box > div .line_wrap{ left: -95px; top: -80px; transform: scale(.55);}
.main_visual .main_slider .slide_box .in_obj{ margin-left: 50px;}
.main_visual .main_slider,.main_visual,.main_visual .main_slider .slide_box{ height: 260px; overflow: hidden;}
.main_visual .main_slider .slide_box > div .wrap_tit .strong{ font-size: 1.5rem;}
.main_visual .main_slider .slide_box div .wrap_tit .b{ font-size: 1.5rem;}
.main_visual .main_slider .pag{ display: none;}
.main_visual .main_slider .slide_box div .wrap_tit .span{ font-size: 12px; line-height: 1.7;}
.main_visual .scroll{ bottom: -32px;}
.s_about ul{ flex-flow: wrap; justify-content: flex-start;}
.s_about ul li{ width: 33.333%; margin-bottom: 1.5rem;}
.s_about .txt p{ margin-bottom: 2rem;}
.s_pro .bd ul li.slick-current p{ font-size: 1.375rem;}
.s_news .left{ flex-direction: column;}
.s_news .tt svg{ display: none;}
.s_news .tt{ text-align: center; margin-bottom: 1.5rem;}
.s_news .tt h3{ text-align: center; justify-content: center;}
.s_news .tt span{ font-size: 1.5rem;}
.s_news .tt span br{ display: none;}
.s_news .bd ul li h4{ margin-bottom: 1rem;}
.s_news .hd ul li{ text-align: left;}
.s_news .bd ul li .time span{ font-size: 3.5rem;}
.foot_ewm .tt span{ white-space: nowrap;}
.foot_ewm{ flex-direction: column; flex-shrink: 0; margin-left: 0;}
.foot_ewm .txt{ margin: 0; width: 100%;}
.foot_ewm p{ margin: 1rem 0;}
.foot_ewm .pic{ width: 7rem; height: 7rem;}
.foot_lianxi{ line-height: 2rem; margin-right: 1rem;}
.foot_logo{ margin-top: -5px;}
.foot_bot .m{ flex-direction: column;}
.s_foot_link{ margin-right: 0; width: 100%; margin-bottom: 1rem;}
#foot{ padding-top: 3rem;}
.s_about .tt span{ font-size: 2rem;}
.s_about .tt img{ width: 5rem;}
.s_about ul li b{ font-size: 2.25rem;}
.s_pro .slick-prev{left: 19vw;}
.s_pro .slick-next{right: 19vw;}
.s_pro .bd{ padding-top: 0 !important;}
.s_pro .bd ul li.slick-current .btn_more{ width: 10.875rem; height: 3rem;}
#tc_search{ padding: 1rem 0 3rem;}
.hotsearch .box a{ padding: .5rem .5rem;}
#tc_search{ transition: .3s !important; background: #edf1f3;}
.linebox{ display: none;}
.main_visual .scroll{ display: none;}
.n_lianxi .tt{ border-bottom: 0; margin-bottom: 0rem;}
.n_banner{ height: 13rem;}
.n_banner span{ font-size: 1.875rem;}
.n_nav_box .m{ padding: 0;}
.n_nav{ }
.n_nav ul li{ width: 20%;}
.n_nav ul li a{ padding:1rem;  padding: 1rem 0; white-space: nowrap;}
.n_nav_box:after{ display: none;}
.n_news02 ul li .img{ border-radius: 3px;}
.n_news02 ul li .txt .time span{ font-size: 3rem;}
.n_news02 ul{ margin: -10px;}
.n_news02 ul li{ padding: 10px;}
.n_news02 ul li a{ border: 1px solid #ecedf0;}
.n_news02 ul li:hover a{ border: 1px solid #23b872;}
.n_news_slide .time{ margin-top: 2.375rem;}
.n_news_slide .txt h5{ margin-bottom: 1.25rem;}
.n_news_slide .right{ padding: 2rem 0;}
.n_news01 .arrbox{ bottom: -.5rem;}
.n_news_slide .right{ padding-bottom: 0;}
.page{ margin-top: 2.5rem;}
.n_dazhong ul li a{ flex-direction: column;}
.n_dazhong ul li .img{ width: 100%;}
.n_dazhong ul li .txt{ padding-left: 0; margin-top: 2rem;}
/* .s_pro .bd ul{ margin: -2rem;} */
.pro_xq .right .tt{ font-size: 1.75rem;}
.n_about .hd .tag{ width: 100%;}
.n_news_xq .right{ padding: 3rem 2rem;}
.ar_fot2{ background-size: 700px !important; }
.n_zizhi02 .item ul li{ width: 50%;}
.n_zihzis .slick-prev{ left: -3rem;}
.n_zihzis .slick-next{ right: -3rem;}
.n_zizhi02 .item ul{ margin-top: -1rem !important;}
.n_zizhi02 .item ul li{ padding-top: 1rem !important;}
#n_licheng .bd ul li .box .txt{ line-height: 1.5;}
#n_licheng .bd{ margin-bottom: 1rem;}
#n_licheng .hd{ padding-right: 0;}
#n_licheng .hd ul li .txt dd{ padding-right: 1rem;}
.n_tt2{ margin-bottom: 2rem;}
.n_tree .innerbox{ margin-top: 3rem;}
.bn_ar i{ width: 1rem;}
.bn_ar{ padding: .5rem;}
.s_news .left .btn_more1{ margin-top: 0; margin-right: 0;}
.s_news .hd ul{  width: 190px;}
.s_news .hd ul li a{ font-size: 1.25rem; line-height: 2.5rem;}
.foot_lianxi{ max-width: 230px;}
.foot_ewm p{ line-height: 1.4;}
.foot_ewm .tt span{ margin-bottom: 4px; display: block;}
.s_news .bd ul{ margin: 0 -5px; padding-bottom: 4rem;}
.s_news .bd ul li{ padding: 0 5px;}
.s_news .slick-arrow{ display: block; width: 2.75rem; height: 2.75rem; background-size:  contain !important; cursor: pointer; top: auto; transform: none; bottom: 0; z-index: 9;}
.s_news .slick-prev{ left: 50%; margin-left: -3.25rem; background: url(news_left.png) center no-repeat;}
.s_news .slick-next{ right: 50%; margin-right: -3.25rem; background: url(news_right.png) center no-repeat; margin-left: .8125rem;}
.s_news .slick-prev:hover{ background: url(news_left_on.png) center no-repeat;}
.s_news .slick-next:hover{ background: url(news_right_on.png) center no-repeat;}
.s_pro .slick-arrow{ width: 16px;}
.main_visual .main_slider .slide_box > div .line_wrap{ display: none;}
.s_pro .bd ul{ margin: 0;}
.s_pro .bd ul li.slick-current .pic{ margin-top: 2rem;}
.s_pro .slick-prev{ margin-left: 0;}
.s_pro .slick-next{ margin-right: 0;}
.s_news .bd ul li .btn_arr{ display: none;}
.pro_xq .right .tt{ font-size: 1.5rem;}
.n_fangan ul li .box .ico img{ max-width: 50%; max-height: 50%;}
.n_nav ul{ display: flex;}
.n_nav ul li{ flex-grow: 1;}
.n_tree .innerbox{ margin-bottom: 0;}
.n_leader .right .con{ padding: 2rem;}
#n_join #list_slide .on dt .tgl span{ display: none;}
#n_join #list_slide dt h3{ display: none;}
#n_join #list_slide dt{ padding: 0 2rem; height: 5rem;}
#n_join #list_slide dt h4{ width: 100%; margin-bottom: 0;}
#list_slide .content .right .pic{ width: 4.5rem;}
.n_wenhua ul li .box .txt i{ margin: 1rem 0;}
.n_wenhua ul li .box .txt h3{ font-size: 2rem;}
.n_wenhua ul li .box .txt span{ font-size: 2rem; margin-bottom: 1rem;}
.n_news01{ padding-top: 5rem !important;}
.s_pro .bd ul li p{ font-size: 1.125rem;}
}